/** @type {import('tailwindcss').Config} */
export default {
  mode: 'jit',
  content: [
    './index.html',
    './src/**/*.{js,ts,jsx,tsx,less}',
  ],
  theme: {
    extend: {
      colors: {
        // 主色
        'primary': '#62ccc6',
        'primary-dark': '#4ea59b',

        // 辅助色
        'secondary': '#ff7e5f',
        'secondary-dark': '#d45e46',

        // 背景色
        'background-light': '#f8f9fa',
        'background-dark': '#ffffff',
        'footer-background': '#e1e1e1',

        // 文字颜色
        'text-primary': '#333333',
        'text-secondary': '#7d7d7d',
        'text-highlight': '#62ccc6',

        // 边框颜色
        'border-light': '#e0e0e0',
        'divider': '#d8d8d8',
        'border-dark': '#c1c1c1',

        // 按钮颜色
        'button-primary-bg': '#62ccc6',
        'button-secondary-bg': '#f8f9fa',
        'button-primary-text': '#ffffff',
        'button-hover-bg': '#4ea59b',
        'button-secondary-text': '#62ccc6',

        // 状态颜色
        'success': '#28a745',
        'warning': '#ffc107',
        'error': '#dc3545',
      },

      // 渐变色
      backgroundImage: {
        'gradient-primary': 'linear-gradient(to right, #62ccc6, #00b3b3)'
      },

      animation: {
        'pulse-once': 'pulse 2s ease-in-out',
      },
    },
  },
  plugins: [
  ],
};

